<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>聚美优品美容</title>
		
		<style>
			body,h1,ul {
				margin:0;
				padding:0;
			}
			.kb {
				width:390px;
				height:auto;
				box-sizing: border-box;
				border:1px solid #20B2AA;
				margin: 50px auto;
			}
			.kb h1 {
				background: #20B2AA;
				color:#fff;
				font-size:26px;
				height: 48px;
				line-height:48px;
				padding-left:8px;
			}
			.kb ul {
				list-style: none;
				padding-left:18px;
			}
			.kb ul li{
				line-height:48px;
			}
			.kb ul li a{
				text-decoration: none;
				color:#5F9EA0;
				font-size:16px;
			}
			.kb ul li b{
				width:20px;
				height:20px;
				background:#646464;
				color:#fff;
				margin-right:10px;
				text-align:center;
				border-radius:50%;
			}
		</style>
	</head>
	<body>
		<!--div.kb>h1+ul>li*5>a[href="#"]-->
		
		<div class="kb">
			<h1>大家都喜欢买的美容品</h1>
			<ul>
				<li><strong><b>1</b><a href="#"> 雅诗兰黛即时修护眼部精华霜15ml</a>
				<li><strong><b>2</b><a href="#">伊丽莎白雅顿显效复合活肤霜 75ml</a>
				<li><strong><b>3</b><a href="#">OLAY玉兰油多效修护霜 50g</a>
				<li><strong><b>4</b><a href="#">巨型一号丝瓜水320ML</a>
				<li><strong><b>5</b><a href="#">倩碧保湿洁肤水2号 200ml</a>
				<li><strong><b>6</b><a href="#">比度克细肤淡印霜 30g</a>
				<li><strong><b>7</b><a href="#">兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a>
				<li><strong><b>8</b><a href="#">SK-II护肤精华露 215ml</a>
				<li><strong><b>9</b><a href="#">欧莱雅青春密码活颜精华肌底液</a>
			</ul>
		</div>
	</body>
<ml>